// 退出功能
// 获取dom
const logout = document.querySelector('.logout');
// 获取一级标题 数组
const oneAlist = document.querySelectorAll('.nav>li>a');
// 获取二级标题 数组
const subAlist = document.querySelectorAll('.nav ul a');
// 绑定点击事件
logout.addEventListener('click', function (e) {
    // 弹出确认框 点确认会返回ture
    if (confirm("您确定退出吗？")) {
        // 清空本地token
        localStorage.removeItem('token8788')
        // 跳转到登入页面
        location.href = 'login.html'
    }
})
// 左侧菜单点击高亮及切换功能
// 给一级菜单绑定点击功能
oneAlist.forEach((one) => {
    one.addEventListener("click", function (e) {
        // 点击一级 让二级标题显示
        // 获取到one兄弟元素-二级菜单 
        // one.nextElementSibling.classList.toggle('show')
        // 扩展 使用jquery 旧时代操作dom元素的js库
        // $(one).next().toggle()
        $(one).next().toggle(1000)
        // $(one).next().fadeToggle()
        // $(one).next().slideToggle(1000)


    })
})
// 二级标题的点击功能
subAlist.forEach((sub) => {
    sub.addEventListener('click', function () {
        // 获取以前选中的a标签
        const beforeA = document.querySelector('.nav ul a.active');
        // 移除类
        beforeA.classList.remove('active')
        // 当前添加
        sub.classList.add('active')
    })
})
// 初始化数据
const init = document.querySelector('.init');
init.addEventListener("click", async function () {
    const result = await axios({
        url: '/init/data',
    })
    console.log(result);
})

